<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
        #golist {display: none;}
        @media (max-device-width: 780px){#golist{display: block !important;}}

    </style>

    <!-- <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script> -->
    <script src="__PUBLIC__/js/baidu_jquery_1.9.0_jquery.js"></script>
    <!-- 百度地图2.0 -->
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=600b750c5e53886ec5084692f4745963&s=1"></script>

    <link rel="stylesheet" href="__PUBLIC__/migrate/css/reset-mobile.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/style.css"/>
    <link rel="stylesheet" href="__PUBLIC__/migrate/css/base.css"/>



    <title>体检中心地图</title>

</head>
<body>
    <div class='top'>
        <a class='top_left'>
            <img src="__PUBLIC__/images/back.png">
        </a>
        <span class='sub_top_title'>地图选择</span>
        <span class='about'></span>
    </div>

    <div id="allmap"></div>

    </html>
<script>
$(document).ready(function(){
        //回退操作
        $(".top_left").click(function(){
            history.go(-1);
        });

        // 百度地图API功能
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

        /**
            缩放控件type有四种类型:( type )
                BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；
                BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；
                BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮
            控件位置 ( anchor )
                BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。
                BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。
                BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。
                BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。
         */
        var boot_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右下角，仅包含平移和缩放按钮
        map.addControl(boot_right_navigation); // 添加缩放控件

        var data_info={$mapInfo};
        var opts = {
            width : 250,     // 信息窗口宽度
            height: 130,     // 信息窗口高度
            title : "选择体检中心" , // 信息窗口标题
            enableMessage:true//设置允许信息窗发送短息
        };
        for(var i=0;i<data_info.length;i++){
            var marker = new BMap.Marker(new BMap.Point(data_info[i][0],data_info[i][1]));  // 创建标注
            var content = data_info[i][2];
            map.addOverlay(marker);               // 将标注添加到地图中
            addClickHandler(content,marker);
        }
        function addClickHandler(content,marker){
            marker.addEventListener("click",function(e){
                openInfo(content,e)}
                );
        }
        function openInfo(content,e){
            var p = e.target;
            var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
            var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象
            map.openInfoWindow(infoWindow,point); //开启信息窗口
        }



});

    function getAddress(){
        var center_name =$(".address_label").html();
        var mcbId=$(".mcbId").val();
        var restDay=$(".restDay").val();
        var packageid=<?php echo $_GET['packageid'];?>;
        var timeShijian = "{$timeShijian}";
         window.location="/yjxtj/h5.php?m=app&a=appointStepSecond&address="+center_name+"&mcbId="+mcbId+"&packageid="+packageid+"&timeShijian="+timeShijian+"&restDay="+restDay;
    }
</script>


